<template>
  <div id="search">
    <div class="search-title"><slot name="search-title"></slot></div>
    <div class="search-content"><slot name="search-content"></slot></div>
    <div class="search-text"><slot></slot></div>
  </div>
</template>
<script>
export default {
  name:'Search'
}
</script>
<style>
#search{
  padding: 6.25rem 0 0;
  margin: 0 auto;
}
#search .search-title{
  width: 37.5rem;
  margin: 0 auto;
  margin-bottom: 1.25rem;
}
#search .search-content{
  width: 37.5rem;
  height: 2.5rem;
  padding: 4px;
  margin: 0 auto;
}
</style>